:root {
  --bg-color: #0f172a;       /* Slate 900 (Deep dark blue/gray) */
  --surface-color: #1e293b;  /* Slate 800 (Card background) */
  --text-primary: #f8fafc;   /* Slate 50 (Near white) */
  --text-secondary: #94a3b8; /* Slate 400 (Muted gray) */
  --accent-color: #38bdf8;   /* Sky 400 (Bright electric blue) */
  --accent-hover: #0ea5e9;   /* Sky 500 (Deep blue hover) */
  --border-color: #334155;   /* Slate 700 */
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --transition-fast: 0.2s ease;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

body {
  background-color: var(--bg-color);
  color: var(--text-primary);
  font-family: var(--font-sans);
  line-height: 1.6;
}